<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="CSS/foot.css" />
		<link rel="stylesheet" href="CSS/settlement.css"/>
		<style>
			
		</style>
		<script src="JS/jquery-3.1.0.min.js"></script>
		<script>
			$(function(){
				$(".name").hover(function(){
					$(".user_menu").css("display","block");
				},function(){
					$(".user_menu").css("display","none");
				})
			})
		</script>
	</head>

	<body>
		<!--主体-->
		<div id="buy_body">
			<!--头部-->
			<div id="buy_head_box">
				<div id="buy_head_wrap">
					<div id="buy_head_left">
						<a id="buy_head_logo" href=""></a><i>确认订单</i></div>
					<div id="buy_head_right">

						<span id="buy_head_login">
							<span class="user">
							<a class="user_name">
								<span class="name">DEDTMON</span>
						<i class="inconfont"></i>
						</a>
						<ul class="user_menu">
							<li>
								<a href="">个人中心</a>
							</li>
							<li>
								<a href="">评价晒单</a>
							</li>
							<li>
								<a href="">我的喜欢</a>
							</li>
							<li>
								<a href="">小米账号</a>
							</li>
							<li>
								<a href="">退出登录</a>
							</li>
						</ul>
						</span>
						<span>|</span>
						<a href="">我的订单</a>
						</span>
					</div>

				</div>
			</div>
			<!--付款界面-->
			<div class="pay_box">
				<div class="pay_bodier">
					<div class="pay_wrap">
						<div class="pay_address">
							<div class="pay_address_top">
								<h2>收获地址</h2></div>
							<div class="pay_address_btm">
								<div class="pay_address_new">
									<i class="pay_iconfont"></i> 添加新地址
								</div>
							</div>
						</div>
						<div class="pay_goods">
							<div class="pay_goods_top">
								<h2>商品及优惠卷</h2>
							</div>
							<div class="pay_goods_btm">
								<ul class="pay_goods_list">
									<li class="pay_goods_clearfix">
										<div class="goods_img"></div>
										<div class="goods_name"></div>
										<div class="goods_price"></div>
										<div class="goods_total"></div>
									</li>
								</ul>
							</div>
						</div>
						<div class="pay_shipment">配送方式</div>
						<div class="pay_invoice">
							<div class="section_header">
								<h3>发票</h3></div>
							<div class="section_body">
								<div class="invoice_result">
									<span>电子发票</span>
									<span>个人</span>
									<span>商品明细</span>
									<span>修改</span>
								</div>
							</div>
						</div>
						<div class="pay_price">
							<div class="money_box">
								<ul>
									<li class="clearfix">
										<label>商品件数：&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<span>0</span>
									</li>
									<li class="clearfix">
										<label>商品总价：&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<span>0</span>
									</li>
									<li class="clearfix">
										<label>活动优惠：&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<span>0</span>
									</li>
									<li class="clearfix">
										<label>优惠卷抵扣：</label>
										<span>0</span>
									</li>
									<li class="clearfix">
										<label>运费：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<span>0</span>
									</li>

									<li class="total_money">
										<label>应付总额：&nbsp;&nbsp;&nbsp;&nbsp;</label>
										<span>0</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="pay_bar"></div>
					</div>
				</div>
			</div>
			<!--尾部-->
			<div id="foot_box">
				<div id="foot_wrap">
					<div class="foot_top">
						<ul>
							<li>1小时快修服务</li>
							<li class="font_top_i">|</li>
							<li>7天无理由退货</li>
							<li class="font_top_i">|</li>
							<li>15天免费换货</li>
							<li class="font_top_i">|</li>
							<li>满150元包邮</li>
							<li class="font_top_i">|</li>
							<li>520余家售后网点</li>
						</ul>
					</div>
					<div class="foot_bottom">
						<div class="foot_bottom_l">
							<dl>
								<dt>帮助中心</dt>
								<dd>购物指南</dd>
								<dd>支付方式</dd>
								<dd>配送方式</dd>
							</dl>
							<dl>
								<dt>服务支持</dt>
								<dd>售后政策</dd>
								<dd>自助服务</dd>
								<dd>相关下载</dd>
							</dl>
							<dl>
								<dt>小米之家</dt>
								<dd>小米之家</dd>
								<dd>服务网点</dd>
								<dd>预约亲临到店服务</dd>
							</dl>
							<dl>
								<dt>关注我们</dt>
								<dd>新浪微博</dd>
								<dd>小米部落</dd>
								<dd>官方微信</dd>
							</dl>
						</div>
						<div class="foot_bottom_r">
							<a>400-100-5678</a>
							<a>周一至周日 8:00-18:00</a>
							<a>（仅收市话费）</a>
							<span> 联系客服</span>
						</div>
					</div>
				</div>
				<div class="foot_note_box">
					<div class="foot_note_wrap">
						<div class="foot_note_con">
							<span class="foot_logo"><img src="img/mi-logo.png" width="38px" height="38px"></span>
							<span class="foot_note_txt">
							<a>小米网</a><h>|</h><a>MIUI</a><h>|</h><a>米聊</a><h>|</h><a>多看书城</a><h>|</h><a>小米路由器</a><h>|</h><a>小米后院</a><h>|</h><a>小米天猫店</a><h>|</h><a>小米淘宝直营店</a><h>|</h><a>小米网盟</a><h>|</h><a>问题反馈</a><h>|</h><a>Select Region</a>
						    <a>  mi.com 京ICP证110507号</a><a> 京ICP备10046444号 </a><a>京公网安备11010802020134号 </a><a>京网文[2017]1530-131号 </a><a>
								（京）网械平台备字（2018）第00005号</a><a> 互联网药品信息服务资格证 (京) -非经营性-2014-0090 </a><a>营业执照 </a><a>医疗器械公告 </a><a>
								增值电信业务许可证</a><a>  网络食品经营备案（京）【2018】WLSPJYBAHF-12 </a><a>  食品经营许可证 </a><a>
								违法和不良信息举报电话：171-5104-4404</a><a> 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
						</span>

						</div>
						<div class="foot_note_logo">
							<img src="img/foot_1.png" id="foot_note_logo1" />
							<img src="img/v-logo-2.png" />
							<img src="img/v-logo-1.png" />
							<img src="img/v-logo-3.png" />
							<img src="img/foot_5.png" />
						</div>

					</div>
				</div>
			</div>
		</div>
	</body>

</html>>